// 应用全局样式定义
export class AppStyles {
  // 颜色常量
  static readonly COLORS = {
    primary: '#0066cc',
    secondary: '#ff6700',
    background: '#f5f5f5',
    card: '#ffffff',
    text: {
      primary: '#333333',
      secondary: '#666666',
      tertiary: '#999999',
      white: '#ffffff'
    },
    border: '#e0e0e0',
    error: '#ff4444',
    success: '#44bb44',
    warning: '#ffaa00'
  };

  // 字体大小
  static readonly FONT_SIZES = {
    xs: 12,
    sm: 14,
    md: 16,
    lg: 18,
    xl: 20,
    xxl: 24,
    xxxl: 32
  };

  // 间距
  static readonly SPACING = {
    xs: 4,
    sm: 8,
    md: 12,
    lg: 16,
    xl: 24,
    xxl: 32
  };

  // 圆角
  static readonly BORDER_RADIUS = {
    sm: 4,
    md: 8,
    lg: 12,
    xl: 16,
    full: 999
  };

  // 阴影样式
  static readonly SHADOWS = {
    small: {
      radius: 2,
      color: 'rgba(0, 0, 0, 0.05)',
      offsetX: 0,
      offsetY: 1
    },
    medium: {
      radius: 4,
      color: 'rgba(0, 0, 0, 0.1)',
      offsetX: 0,
      offsetY: 2
    },
    large: {
      radius: 8,
      color: 'rgba(0, 0, 0, 0.15)',
      offsetX: 0,
      offsetY: 4
    }
  };

  // 通用容器样式
  static readonly CONTAINER = {
    padding: this.SPACING.lg,
    backgroundColor: this.COLORS.background
  };

  // 卡片样式
  static readonly CARD = {
    padding: this.SPACING.lg,
    backgroundColor: this.COLORS.card,
    borderRadius: this.BORDER_RADIUS.lg,
    shadow: this.SHADOWS.medium
  };
}